<template>
    <div class="index">
      <div class="i-title">
        CRM客户关系管理
      </div>
      <div class="i-box">
         <div class="i-b-single pub" @click="handleGoSingle()">
            <img src="static/img/crmsingle.png"/>
            <div class="single-btn pub-btn">单项目业绩查询</div>
         </div>
         <div class="i-b-group pub" @click="handleGoGroup()">
            <img src="static/img/crmGroup.png"/>
            <div class="group-btn pub-btn">团队业绩查询</div>
         </div>
      </div>
    </div>
</template>

<script>
    export default {
        name: "index",
        data(){
          return{

          }
        },
        mounted(){

        },
        methods:{
          handleGoSingle(){
            this.$router.push({path:'/menus/single-project',query:{}})
          },
          handleGoGroup(){

            this.$router.push({path:'/menus/group-project',query:{}})
          }
        }
    }
</script>

<style scoped lang="less">
  .index{
    position: absolute;
    background-color: #ffffff;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    overflow: auto;
    .i-title{
      margin-top: 60px;
      font-size: 48px;
      /*font-weight: bold;*/
      color: #535E8A;
    }
    .i-box{
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%,0);
      display: flex;
      .pub{
        display: flex;
        align-items: center;
        flex-direction: column;
        cursor: pointer;
        img{
          width: 137px;
          height: 101px;
          display: block;
        }
        .pub-btn{
          margin-top: 26px;
          width: 278px;
          height: 70px;
          line-height: 70px;
          background-color:#1866FF;
          color: #ffffff;
          font-size: 28px;
          font-weight: bold;
          box-shadow:0px 0px 32px 0px rgba(24,102,255,0.75);
          border-radius: 35px;
        }
      }
      .i-b-group{
        margin-left: 250px;
        .group-btn{
          background-color: #F9B420;
          box-shadow:0px 0px 32px 0px rgba(249,180,32,0.75);
        }
      }
    }
  }
</style>
